<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Insert title here</title>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-3.3.1.min.js"></script>
<style type="text/css">
	Span{
		padding-left: 20px;
		font-style: italic;
	}
</style>
</head>
<body>
	<div id="res" align="left" style="margin-top: 50px;margin-left: 50px;">
	</div>
</body>
<script type="text/javascript">
	query();
	function query(){
		var userId = "${sessionScope.userTable.user_id}";
		$.ajax({// 进行提交
			type : "post",// 提交方式
			url : "${pageContext.request.contextPath}/FindByUserIdServlet",// 提交路径
			async : true,// 是否异步
			dataType : 'json',// 数据格式（不进行跨越json，进行跨越jsonp）
			data : {
				userId : userId,
			}, 
			success : function(data){// 执行成功后调动的方法
				var content = ""
				for(var i = 0;i < data.length;i++){
					var item = data[i];
					content += "<span>" +item.roleName+ "</span>" ;
				}
				$("#res").html(content);		
			},
			error : function(err){// 执行失败后的失败信息的显示
				console.log(err);
			}
		});
	}
</script>
</html>